/*
 * @Author: zulezhe
 * @Date: 2022-03-22 15:56:55
 * @LastEditors: zulezhe
 * @LastEditTime: 2022-03-28 11:28:02
 * @Path: https://gitee.com/zulezhe/
 * @Description:
 */
module.exports = {
  plugins: {
    "postcss-px-to-viewport": {
      viewportWidth: 1920, // 设计稿宽度
      viewportHeight: 1080, // 设计稿高度，可以不指定
      unitPrecision: 3, // px to vw无法整除时，保留几位小数
      viewportUnit: "vw", // 转换成vw单位
      selectorBlackList: [".ignore", ".hairlines"], // 不转换的类名
      minPixelValue: 1, // 小于1px不转换
      mediaQuery: false, // 允许媒体查询中转换
      exclude: /(\/|\\)(node_modules)(\/|\\)/, //不转换我们引入的第三方包
    },
    "postcss-viewport-units": {
      // 解决伪元素的样式问题
      filterRule: (rule) =>
        rule.selector.indexOf("::after") === -1 &&
        rule.selector.indexOf("::before") === -1 &&
        rule.selector.indexOf(":after") === -1 &&
        rule.selector.indexOf(":before") === -1,
    },
  },
};
